@import "header.html"
<link rel="stylesheet" href="../css/change_tel.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">修改手机号</h1>
</header>
<main id="main">
    <div class="row">
        <label for="telNumber">手机号</label>
        <input id="telNumber" type="tel" v-model="tel" disabled>
    </div>
    <div class="row">
        <label for="authCode">验证码</label>
        <div class="auth-code">
            <input id="authCode" type="number" v-model="code" placeholder="请输入验证码">
            <button id="getAuthCode" v-text="authCodeText" @click="countDown('old')"></button>
        </div>
    </div>
    <div class="row clo">
        <label for="newTelNumber">新手机号</label>
        <input id="newTelNumber" type="tel" v-model="newTel" placeholder="新手机号码">
    </div>
    <div class="row">
        <label for="newAuthCode">新手机号验证码</label>
        <div class="auth-code">
            <input id="newAuthCode" type="number" v-model="newCode" placeholder="新手机号验证码">
            <button id="newGetAuthCode" v-text="newAuthCodeText" @click="countDown('new')"></button>
        </div>
    </div>


    <button id="changePwdBtn" type="button" class="mui-btn mui-btn-block" :class="{disable:!(tel&&newTel&&code&&newCode)}" onclick="submit()">确认修改</button>
</main>
@import "js.html"
<script src="../script/change_tel.js"></script>
</body>
@import "footer.html"